<template>
    <div id="personal">
        <div class="welcome">
              <mu-list>
                    <router-link to="/personal/index"><mu-list-item title="个人中心"></mu-list-item></router-link>
                    <router-link to="/personal/notebook"><mu-list-item title="NOTEBOOK"></mu-list-item></router-link>
                    <router-link to="/personal/index"><mu-list-item title="模拟回测"></mu-list-item></router-link>
                    <router-link to="/personal/axios"><mu-list-item title="爬虫部署"></mu-list-item></router-link>
                    <router-link to="/personal/visual"><mu-list-item title="可视化"></mu-list-item></router-link>
                </mu-list>
                  <mu-divider/>
                  <mu-list>
                    <router-link to="/personal/index"><mu-list-item title="任务列表"></mu-list-item></router-link>
                    <router-link to="/personal/index"><mu-list-item title="好友"></mu-list-item></router-link>
                    <router-link to="/personal/index"><mu-list-item title="我喜欢的策略"></mu-list-item></router-link>
                    <router-link to="/personal/index"><mu-list-item title="账户设置"></mu-list-item></router-link>
                    <router-link to="/personal/index"><mu-list-item title="APIS"></mu-list-item></router-link>
                    </mu-list>
                    <mu-divider/>

        </div>
    <div id="view">
        <router-view></router-view>
    </div>
    </div>
</template>
<script>
</script>
<style lang="css">
#personal{
    position:relative;
    width: 100%;
    height: 100%;
    display: block;
}
.welcome{
    margin-top: 2%;
    margin-right: 3%;
    width:18%;
    height: 100%;
    float: left;
    display: inline-block;

}
#view{
    margin-top: 2%;
    width:60%;
    height: 100%;
    float: left;
    display: inline-block;  
}
</style>